import React, {useEffect, useState, useMemo, useCallback, memo} from 'react';
import { Button} from 'antd';
import Child1 from './child1'
import context from './context'

// class Dom6 extends React.Component{
//
//     state = ({
//         x:0,
//         y:0
//     })
//     change = () => {}
//     render() {
//         const {x,y} = this.state
//         return <context.Provider value={{
//             x,
//             y,
//             change: this.change
//         }}>
//             <div>
//                 <Child1/>
//             </div>
//         </context.Provider>
//
//     }
// }
class Dom6 extends React.Component{

    state = ({
        x:0,
        y:0
    })
    change = () => {
        this.setState({
            x:this.state.x+1
        })
    }

    render() {
        const {x,y} = this.state
        return  <div>
                <Child1 x={x} y={y} change={this.change}/>
            </div>

    }
}
export default Dom6
